<template>
    <div class="icons-nav-box">
        <div class="icons-nav-1">
            <img
                class="icons-img1"
                src="@/assets/images/home/icons-nav-1.png"
            />
        </div>
        <div class="icons-nav-2">
            <img
                class="icons-img2"
                src="@/assets/images/home/icons-nav-2.png"
            />
        </div>
        <div class="icons-nav-3">
            <img
                class="icons-img3"
                src="@/assets/images/home/icons-nav-3.png"
            />
            <img
                class="icons-img3"
                src="@/assets/images/home/icons-nav-4.png"
            />
            <img
                class="icons-img3"
                src="@/assets/images/home/icons-nav-5.png"
            />
            <img
                class="icons-img3"
                src="@/assets/images/home/icons-nav-6.png"
            />
        </div>
        <div class="icons-nav-4">
            <img
                class="icons-img4"
                src="@/assets/images/home/icons-nav-7.png"
            />
        </div>
        <div class="icons-nav-5">
            <img
                class="icons-img5"
                src="@/assets/images/home/icons-nav-8.png"
            />
            <img
                class="icons-img5"
                src="@/assets/images/home/icons-nav-9.png"
            />
        </div>
    </div>
</template>

<script>
export default {
    name: 'IconsNavNew'
}
</script>

<style lang="stylus" scoped>
.icons-nav-box
    display flex
    flex-wrap wrap
    justify-content space-between
    margin-top 0.18rem
    padding 0.19rem 0.5rem
    background #d7463c
    .icons-nav-1
        width 100%
        .icons-img1
            width 100%
            height 1.92rem
    .icons-nav-2
        width 3.39rem
        height 5.17rem
        margin .7% 0
        .icons-img2
            width 3.39rem
            height 5.17rem
    .icons-nav-3
        display flex
        flex-direction column-reverse
        flex-wrap wrap
        align-items center
        justify-content space-between
        width 5.56rem
        height 5.17rem
        margin .7% 0
        .icons-img3
            width 2.75rem
            height 2.56rem
    .icons-nav-4
        width 3.39rem
        .icons-img4
            width 3.39rem
            height 1.92rem
    .icons-nav-5
        display flex
        justify-content space-between
        width 5.56rem
        .icons-img5
            width 2.75rem
            height 1.92rem
</style>

